import React from 'react';
import NavBar from "./NavBar";

class Slot1 extends React.Component {
    render() {
        return (
            <div>
                <h1>作用域插槽：父组件定义组件类型，子组件定义插槽内容</h1>
                <h6>父组件定义样式，子组件定义内容。通过props传递方法，父组件定义的方法根据方法入参返回元素</h6>
                <NavBar>
                    <h5>左边的部分</h5>
                    <span>中间的部分</span>
                    <button>右边的部分</button>
                </NavBar>
            </div>
        );
    }
}
export default Slot1